<template>
  <div class="recommond_box">
    <loading></loading>
    <div class="buibuibug">
    <div class="recontext_box">
      <div class="recallimg_box">
        <div class="recimg_box">
          <div class="recimg_context">
            <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
            <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
            <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
            <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
          </div>
          <div class="recimg_context">
            <h2 class="cui_head">崔尚伦专属农家乐</h2>
            <div class="kawhi">
              <img class="img1" src="../assets/gps-1.jpg"/>
              <div class="cui_context">
              尽享天下美食，体味百味生活！<br/>
              美酒、美食，美不胜收！<br/>
              中华美食 健康你我。<br/>
              美食在中华  营养又健康！<br/>
              万事俱流香，只待君来享。<br/>
              停下脚步，享受惬意。<br/>
              天下好享受，魅力没法挡。<br/>
              食尽美味，品出家珍。<br/>
              盛况空前，留连忘返。<br/>
              荣华酒家，家外之家。<br/>
              地址:华软大学男生宿舍M2419 <br/>
              负责人：崔尚伦by王荣坚<br/>
              王荣坚：我天下第一，无人能敌<br/>
              </div>
            </div><br/>
            <div>
              <img  class="img26" src="../assets/yizan.png" />
              <p class="likes">&nbsp;</p>
            </div>
          </div>
        </div>
        </div>
      </div>
    </div></div>
</template>
<script src="../js/foodrecom_child.js">

</script>
<style scoped>
  @import "../css/foodrecommend.css";
  .kawhi{
    height: 500px ;
    width: 100%;
    position: relative;
    margin-left: 15%;
  }
  .buibuibug{
    width: 100%;
    margin-left: -5%;
  }
  .cui_context{
    /*background-color: yellow;*/
    width: 400px;
    margin-left: 450px;
    padding-top: 5px;
  }
  .cui_head{
    padding: 25px 0;
  }
  .img1{
    float: left;
    height: 500px ;
    width: 400px;
  }
  .kawhi p{
    float: right;
  }

  ul{
    list-style:none;
    width:40px;
    height:40px
  }
  .img26{
    width:30px;
    height:30px;
    text-align:center;
    margin-left:-25%;
    cursor: pointer;
    margin-top: -4%;
  }
  .likes{
    text-align: center;
    margin-left:-15%;
    margin-top: -4%;
    padding-bottom: 2%;
  }
</style>
